<!-- D:\1703b\task\day8\tcb\src -->
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>同城帮</title>
	<link rel="stylesheet" href="css/index.css">
	<!--<link rel="stylesheet" href="js/lib/bootstrap/css/bootstrap.css">-->

	<script src="js/jq.min.js"></script>
	<!--<script src="js/lib/bootstrap/js/bootstrap.js"></script>-->
</head>
<body>
<!-- <button>json按钮</button> -->
<!-- //同城帮页头 -->
	<div class="head">
		<div class="cut">
			<ul>
				<li id="city">北京</li>
				<li><a id="citySele">[切换城市]</a></li>
				<li>同城帮首页</li>
			</ul>
			<!--城市列表-->
			<div class="citySel">
				<p>城市列表 <button class="close">关闭 ✘</button></p>
				<div class="city_list city">
					<div class="hot"></div>
					<div class="ping"></div>
				</div>
			</div>
		</div>
		<div class="t_menu">
			<ul>
				<li>
					<sapn>登录</sapn>
				</li>|
				<li>
					<sapn>注册</sapn>
				</li>|
				<li>
					<sapn>我的订单</sapn>
				</li>|
				<li>
					<sapn>在线客服</sapn>
				</li>|
				<li>
					<sapn>客户服务</sapn>
				</li>|
				<li>
					<sapn>论坛</sapn>
				</li>|
				<li>
					<sapn>投诉建议</sapn>
				</li>
			</ul>
		</div>
	</div>

<!--//tcb 的店铺切换-->
<div class="tcb_main">
	<div class="tcb_banner">
		<div class="logo">
			<img src="images/35.png" alt="logo图片">
		</div>
		<div class="tcb_banner_shopMenu">
			<ul>
				<li>二手优品</li>
				<li>手机回收</li>
				<li>手机维修</li>
				<li>电脑维修</li>
				<li>以旧换新</li>
				<li>手机租用</li>
			</ul>
		</div>
	</div>
	<!--//幻灯片-->
	<div class="tcb_banner_inner">
		<img src="images/5.png" alt="">
		<div class="tcb_banner_inner_menu">
			<ul>
				<li><div><img src="images/2_03.png" alt=""></div> <p>修手机/Pad </p><span class="label">></span></li>
				<li><div><img src="images/2_06.png" alt=""></div> <p>修电脑</p><span class="label">></span></li>
				<li><div><img src="images/2_08.png" alt=""></div> <p>卖手机/电脑</p><span class="label">></span></li>
				<li><div><img src="images/2_10.png" alt=""></div><p>买二手机</p><span class="label">></span></li>
			</ul>
		</div>
	</div>
	<div class="tcb_serve">
		<img src="images/2.jpg" alt=""><img src="images/10.jpg" alt=""><img src="images/15.png" alt=""><img src="images/14.jpg" alt="">
	</div>
	<!--热门手机回收-->
	<div class="tcb_hot">
		<div class="tcb_top">
			<h1>热门手机回收</h1>
		</div>
		<div class="tcb_hot_menu">
			<div><img src="images/4_03.png" alt=""></div>
			<ul class="hot_lis">
			</ul>
		</div>
	</div>
	<!--优美精品-->
	<div class="tcb_boutique">
		<div class="tcb_top">
			<h1>优美精品</h1>
		</div>
		<div class="tcb_boutique_menu" >
			<div><img src="images/4_06.png" alt=""></div>
			<ul id='tell'>
			</ul>
		</div>
	</div>
	<!--优品维修-->
	<div class="tcb_weixiu">
		<div class="tcb_top">
			<h1>到店维修</h1>
		</div>
		<!--//维修主题-->
		<div class="tcb_search">
			<button>北京 <span>▼</span></button><button>所在区县<span>▼</span></button>
			<input type="text" placeholder="附近商家" class="shang">
			<button style="background: #118855;color:white">搜索</button>

		</div>
		<!--城市列表-->
		<div class="citySel2">
			<p>城市列表 <button class="close">关闭 ✘</button></p>
			<div class="city_list city">
				<div class="hot"></div>
				<div class="ping"></div>
			</div>
		</div>
		<div class="tcb_weixiu_menu">
			<ul>
				<li class="active">默认排序</li>
				<li>按成交量</li>
				<li>按人气</li>
				<li><input type="checkbox">先行赔付</li>
				<li>地图模式</li>
			</ul>
		</div>
		<div class="tcb_shop">
			<ul class="listData">
				<!--<li>
					&lt;!&ndash;logo 数据&ndash;&gt;
					<div class="logo">
						<img src="images/24.jpg" alt="">
					</div>
					&lt;!&ndash;详情信息&ndash;&gt;
					<div class="details">
						<p ><h4>顺丰电脑维修</h4><div class="deng">店铺等级<span></span></div></p>
						<p>按时到货发链接发到拉时间的发生大家爱上</p>
						<p>按时到货发就发了山东</p>
					</div>
					&lt;!&ndash;认证&ndash;&gt;
					<div class="approve">
						<p><img src="" alt="">先行赔付</p>
						<p><img src="" alt="">同城帮认证</p>
						<p>人气:1999999次浏览</p>
						<a href="#">进入商家</a>&lt;!&ndash;进入商家&ndash;&gt;
					</div>


				</li>-->
			</ul>
		</div>
	</div>
</div>



</body>
<script src="js/index.min.js"></script>
<script src="js/city.min.js"></script>
</html>
